<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>{{XInfo.query.first().title}}</title>
<meta name="keywords" content="个人博客,橘子洲" />
    <link rel="icon" href="{{ url_for('static', filename='img/favicon.ico') }}" type="image/x-icon">
<meta name="description" content="个人博客，是一个站在web前端设计之路的女程序员个人网站。" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="{{ url_for('static', filename='simple/css/base.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='simple/css/index.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='simple/css/m.css') }}" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    {% block css %}
    {% endblock %}
<link rel="stylesheet" href="{{ url_for('static',filename='highlight/styles/atelier-heath-dark.css') }}">
<script src="{{ url_for('static', filename='simple/js/jquery.min.js') }}" type="text/javascript"></script>
<script type="text/javascript" src="{{ url_for('static', filename='simple/js/hc-sticky.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='layer-v3.5.1/layer.js') }}"></script>
{#<script type="text/javascript" src="{{ url_for('static', filename='simple/js/comm.js') }}"></script>#}
<!--[if lt IE 9]>
<script src="{{ url_for('static', filename='simple/js/modernizr.js') }}"></script>
<![endif]-->
</head>
<body>
<header class="header-navigation" id="header">
  <nav><div class="logo"><a href="/">{{XInfo.query.first().title}}</a></div>
    <h2 id="mnavh"><span class="navicon"></span></h2>
    <ul id="starlist" >
      <li><a href="/">首页</a></li>
      <li>
          <li><a href="/about/">关于</a></li>
          <li><a href="{{ url_for('main.guest_book') }}">留言</a></li>
          <li>
              {% if current_user.is_authenticated %}
                  <div class="dropdown">
                      <button class="dropbtn"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp;&nbsp;创建</button>
                      <div class="dropdown-content">
                        <a href="{{ url_for('main.create_club') }}">俱乐部</a>
                        <a href="#">分享</a>
                      </div>
                    </div>
                  <div class="dropdown">
                      <button class="dropbtn user-btn">{{ current_user.username }} &nbsp;&nbsp;<i class="fa fa-chevron-down" aria-hidden="true"></i></button>
                      <div class="dropdown-content">
                        <a href="{{ url_for('main.user_center') }}"><i class="fa fa-user-o" aria-hidden="true"></i>&nbsp;个人中心</a>
                        <hr>
                        <a href="{{ url_for('main.logout') }}"><i class="fa fa-sign-out" aria-hidden="true"></i>&nbsp;退出登录</a>
                      </div>
                    </div>
              {% else %}
                  <li><a href="{{ url_for('main.signin') }}">注册</a></li>
                  <li><a href="{{ url_for('main.login') }}">登录</a></li>
              {% endif %}
          </li>
    </ul>
</nav>
</header>
<article>
  <aside style="position: relative!important;">
    <div class="l_box" id="stickMe">
      <div class="search">
        <form action="{{ url_for("main.search_list") }}" method="GET" name="searchform" id="searchform">
          <input name="content" required id="keyboard" class="input_text" value="请输入关键字词" style="color: rgb(153, 153, 153);" onfocus="if(value=='请输入关键字词'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='请输入关键字词'}" type="text">
          <input name="Submit" class="input_submit" value="搜索" type="submit">
        </form>
      </div>
    <div class="tuijian">
        <h2>热门推荐</h2>
        <ul>
            {% for club in Club.query.order_by(Club.create_time.desc()).paginate(1, per_page=8,error_out=False).items %}
                <li>
                    <a href="{{ url_for('main.access_club', club_id=club.id) }}" >
                        {{club.name}}
                    </a>
                </li>
            {% endfor %}
        </ul>
      </div>
      <div class="fenlei">
        <h2>文章分类</h2>
        <ul style="margin-left: .3rem;">
            {% for club in Club.query.order_by(Club.create_time.desc()).paginate(1, per_page=8,error_out=False).items %}
                <li><a href="{{ url_for('main.access_club', club_id=club.id) }}">{{club.name}}</a></li>
            {% endfor %}
        </ul>
      </div>

      <div class="links" style="display: none">
        <h2>友情链接</h2>
        <ul>
          <a href="http://www.yangqq.com">杨青个人博客</a> <a href="http://www.yangqq.com">杨青博客</a>
        </ul>
      </div>
    </div>
  </aside>
    <div class="page-right">
        {% for category, message in get_flashed_messages(with_categories=true) %}
            <div class="alert alert-{{ category }} alert-dismissable">
                <span>{{ message }}</span>
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            </div>
        {% endfor %}
        {% block content %}

        {% endblock %}
    </div>

</article>
<footer style="margin-top:2rem; ">
    <p><a href="/" target="_blank">XSHARE.NET AllRights Reserved.</a> <a
            href="http://beian.miit.gov.cn/">陕ICP备540073000号</a></p>
</footer>
<a href="#" class="cd-top">Top</a>
<script src="{{ url_for('static', filename='highlight/highlight.pack.js') }}"></script>
{% block scripts %}
{#    {{ super() }}#}
    {{ moment.include_moment() }}　　
    {{ moment.locale('zh-cn') }}　
{% endblock %}
<script>
    $(function () {
        $('pre').each(function (i, block) {
            hljs.highlightBlock(block);
        });
        $('pre code').each(function (i, block) {
            hljs.highlightBlock(block);
        });
    })
</script>
</body>
</html>
